<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>商品详情</title>
    <th:block th:include="~{common/common::commonHead}"/>
    <script th:src="@{/js/goods/outerGoodsInfo.js}"></script>
</head>
<style>
    #left img {
        margin: 20px;
    }
    #right .zz{
        display: block;
       margin-top: 20px;
    }
    .goods{
        font-size: 16px;
    }
    .goods span{
        font-size: 16px;
        font-weight: bold;
    }
</style>
<body data-width="850" data-height="500">
<div class="container-fluid">
    <div id="left" class="col-md-6 col-sm-6 col-xs-12">
            <div >
                <img src="" id="goodsImg" width="350" height="350">
            </div>
    </div>
    <div id="right"  class="col-md-6 col-sm-6 col-xs-12">
        <div class="zz">
            <div class="goods"> 商品名称:&nbsp;&nbsp;&nbsp;<span id="goodsName"></span> </div>
        </div>
        <div class=" zz">
            <div class="goods"> 基准价:&nbsp;&nbsp;&nbsp;<span id="goodsMarketPrice"></span></div>
        </div>
        <div class=" zz">
            <div class="goods"> 供应价: &nbsp;&nbsp;&nbsp;<span id="goodsSellPrice"></span></div>
        </div>
        <div class=" zz">
            <div class="goods"> 结算价:&nbsp;&nbsp;&nbsp;<span id="goodsSettlementPrice"></span></div>
        </div>
        <div class="zz">
            <div class="goods"> 单位: &nbsp;&nbsp;&nbsp;<span id="goodsUnit"></span></div>
        </div>
        <div class=" zz">
            <div class="goods"> 规格:&nbsp;&nbsp;&nbsp;<span id="goodsSpec"></span></div>
        </div>
        <div class=" zz">
            <div class="goods"> 箱规:&nbsp;&nbsp;&nbsp;<span id="boxSpec"></span></div>
        </div>
        <div class=" zz">
            <div class="goods"> 条码:&nbsp;&nbsp;&nbsp;<span id="goodsBarCode"></span></div>
        </div>
    </div>
</div>
</body>
</html>